.loginArea {
    width: 100%;
    height: 120px;
    background-color: #00b38a;
}

.loginArea .area-c {
    width: 1200px;
    height: 100%;
    margin: auto;
}

.loginArea .area-c .area-left {
    float: left;
    height: 83px;
    padding-top: 37px;
    background: url(../images/logo_ad.png) no-repeat left bottom;
    background-size: 228px 120px;
}

.area-left .ad {
    float: left;
    padding-left: 237px;
}

.area-left .ad img {
    display: block;
    width: 330px;
    height: 29px;
}

.area-left .ad p {
    height: 30px;
    line-height: 30px;
    color: #fff;
    cursor: default;
}


/* 这里可以直接写padding 达到看上去的数值是一样的 
想做到垂直居中，我使用的方式是position 直接50是左上角顶点 
会有自身内容高度的50% */

.loginArea .area-c .area-right {
    float: right;
    width: 50%;
    height: 100%;
    /* padding-top: 42px; */
}

.loginArea .area-c .area-right .rightContent {
    position: relative;
    height: 100%;
}

.loginArea .area-c .area-right .rightContent .rightAutoCenter {
    position: absolute;
    top: 35%;
    right: 1%;
}

.rightAutoCenter .tel {
    float: left;
    width: 212px;
    height: 35px;
    margin-right: 8px;
    background-color: #fff;
    vertical-align: middle;
}

.rightAutoCenter .tel .areaCode {
    float: left;
    position: relative;
    width: 66px;
    height: 35px;
}

.rightAutoCenter .tel .areaCode .area-code-now {
    display: block;
    width: 56px;
    height: 35px;
    padding-left: 10px;
    background: url(../images/arrow_down_small.png) no-repeat right center;
    color: #999;
    line-height: 35px;
    cursor: pointer;
}

.rightAutoCenter .tel .user-tel {
    float: left;
    width: 136px;
    height: 35px;
    padding-left: 10px;
}

.rightAutoCenter .verifyCode {
    float: left;
    width: 146px;
    height: 35px;
    margin-right: 8px;
    background-color: #fff;
}

.rightAutoCenter .verifyCode .yzm-txt {
    float: left;
    width: 80px;
    height: 35px;
    padding-left: 10px;
}

.rightAutoCenter .verifyCode i {
    float: left;
    width: 8px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #d5dadf;
}

.rightAutoCenter .verifyCode span {
    float: left;
    width: 42px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #00b38a;
    cursor: pointer;
}

.rightAutoCenter .loginRegister {
    float: left;
    width: 105px;
    height: 33px;
    border: 1px solid #fff;
    margin-right: 4px;
    background-color: #00b38a;
    line-height: 33px;
    text-align: center;
    color: #ccefe7;
    cursor: pointer;
}